<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no" media="(device-height: 568px)">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="HandheldFriendly" content="True">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title></title>
    <link rel="stylesheet" type="text/css" media="all" href="css/reset.css" />
    <link rel="stylesheet" type="text/css" media="all" href="css/swiper.min.css" />
    <link rel="stylesheet" type="text/css" media="all" href="css/style.css" />

    <script type="text/javascript" src="js/common/jquery-2.1.1.min.js"></script>
    <script src="js/common/swiper.jquery.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/common/jquery.SuperSlide.2.1.1.js"></script>
    <script src="js/common/js.js" type="text/javascript"></script>
    <script src="js/ring.js" type="text/javascript"></script>
    <style>
        #inhe{
            display:block;
            width:.56rem;
            overflow: hidden;
            white-space: nowrap;
        }

        .areaLists a{
            width:.64rem;
            overflow: hidden;
        }

        .areaLists a:nth-of-type(6n){
            margin-right: 0;
        }

        .diarin a{
            width:1.78rem;
            text-align: center;
            overflow: hidden;
        }

        .diarin a:nth-of-type(3n){
            margin-right:0;
        }

        .rinav{
            padding:0;
            position:relative;
            top: 0.4rem;
            height:1rem;
        }

        .rinapic{
            top:.1rem;
            right: -.7rem;
        }

        .swiper-container{
            width:100%;
            overflow: inherit;
        }
        .swiper-pagination{
            bottom:-3.5rem;
            color:white;
        }
        .swiper-wrapper{
            border-bottom:0;
        }
        .commentText{
            -webkit-user-modify: read-write-plaintext-only;
        }

        .ringlist .ringlilist>a:nth-of-type(3n) .rilipic {
            margin-right: 0;
        }
    </style>
</head>

<body>
    <div id="page" class="page m3">
        <!--首页头部-->
        <div class="inheder inheder2">
            <div class="inhetop" style="display:block;">
                <div style="overflow: hidden">
                    <div class="inhetople" style="width:5.48rem;float: left;">
                        <img src="img/logo.png" alt="" class="logo" />
                        <form class="inheinputd" action="">
                            <img src="img/search.png" alt="" class="inhesearch" />
                            <input type="search" class="heinput" placeholder="输入关键字" />
                        </form>
                    </div>
                    <a href="javascript:;" style="float:right;" class="inhetoplr" data-num="1"><span id="inhe">地区</span><img src="img/bottom.png" alt="" class="inhebottom" /></a>
                </div>

                <!--次导航-->
                <div class="rinav" style="float: left;">
                    <!-- 次导航 -->
                    <div class="rinav_c"></div>
                    <img src="img/bottom.png" alt="" class="rinapic" data-num="1" />
                </div>
            </div>
        </div>

        <!--信息列表-->
        <ul class="ringlist pxM"></ul>

        <p class="notMore">别拉了 - 疼</p>
        <a href="javascript:;" class="ringlink"></a>
    </div>
    <!--遮罩-->
    <div class="mask" onclick="closeModel()"></div>
    <!--筛选弹窗-->
    <div class="dialog" id="d1" style="height:inherit;">
        <div class="dialog_top2">
            <!-- 次级导航 -->
            <div class="diarin"></div>
        </div>
    </div>
    <!--城市选择-->
    <div class="dialog" id="d2" style="position: fixed;height:inherit;top:1.1rem;">
        <div class="searchLists">
            <div class="colorList areaLists"></div>
        </div>
    </div>

    <!-- 图片放大 -->
    <div class="dialog" id="plusImg" onclick="dialogClose()">
        <div class="dialog_wrap dialog_content" style="background:transparent;">
            <div class="swiper-container">
                <div class="swiper-wrapper"></div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
    </div>

    <input type="hidden" data-class_id="" class="class_id" />
    <input type="hidden" data-area_code="" class="area_code" />
    <input type="hidden" data-keys="" class="keys" />
    <input type="hidden" data-forum_id="" class="forum_id" />
</body>
<script type="text/javascript">
    //次导航弹窗取消
    function closeModel() {
        dialogClose();
        $('.inhetoplr').attr('data-num', 1).removeClass('on')
        $(".rinapic").attr("data-num", 1).removeClass("on");
    }
    $(function() {
        //顶部搜索
        $(window).scroll(function() {
            if ($(window).scrollTop() > 0) {
                $(".inhetop").addClass("on");
            } else {
                $(".inhetop").removeClass("on");
            }
        });

        //地区点击显示下拉
        $(".inhetoplr").on('click', function() {
            let num = $(this).attr("data-num");
            if (num == 1) {
                dialog("#d2");
                // $(".searchLists").css("margin-top", "1.1rem");
                if (isIphoneX()) {
                    $(".mask").css("top", "1.58rem");
                    $("#d2").css("top", "1.58rem");
                } else {
                    $(".mask").css("top", "1.1rem");
                }
                var height = $(document).outerHeight(true);
                var height2 = $(".mask").css("top");
                $(".mask").css("height", height - height2);
                $(this).attr("data-num", 2).addClass('on');

            } else {
                $(this).attr("data-num", 1).removeClass('on');
                dialogClose();
            }
        });

        //次导航点击显示下拉
        $(".rinapic").on('click', function() {
            let num = $(this).attr("data-num");
            if (num == 1) {
                dialog("#d1");
                if (isIphoneX()) {
                    $(".mask").css("top", "2.78rem");
                    $(".dialog_top2").css("top", "2.78rem");
                } else {
                    $(".mask").css("top", "2.3rem");
                }
                var height = $(document).outerHeight(true)
                var height2 = $(".inheder2").height()
                $(".mask").css("height", height);
                $(this).attr("data-num", 2).addClass('on');
            } else {
                $(this).attr("data-num", 1).removeClass('on');
                dialogClose();
            }
        });

        //下拉导航点击高亮
        $(document).on('click', '.colorList .shList', function() {
            var tex = $(this).html();
            $("#inhe").html(tex);
            dialogClose();
        })
    })
</script>

</html>